<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>顺风车订单</title>
<link rel="stylesheet" href="${cxt}/css/xw_order.css" />
<script src="${cxt }/js/jquery.js"></script>
<script>
	$(function(){
		$(".gopay-blue").click(function(){
			if(!confirm("是否确认提交?")){
				return false;
			}
		})
		
	})
</script>
</head>
<body class="f2f3f5">
		<div class="orderDetails" style="width:auto;">
			<div class="order-head">
				<div class="order-con">
					<a href="#" target="_blank" class="order-logo"></a>
					<div class="head-r">
						<div class="order-phonebox">
							<span class="phone-icon"></span>
							<div class="phone-shad">
								<img src="${cxt}/img/xw_zc_gaphone.png" />
							</div>
						</div>
						<ul class="head-info">
							<li>
								<a href="#">
									欢迎您
									<i>xxx</i>
								</a>
							</li>
							<li>
								<a href="#">我的订单</a>
							</li>
							<li class="nobrd">
								<a href="#">退出</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		
			<div class="order-proce">
				<div class="order-con">
					<img src="${cxt}/img/xw_order_proce.png" class="order-proce-i">
						<c:forEach items="${carmodels }" varStatus="status" var="carmodel">
					<div class="car-info" style="margin-top:20px;">
						
						<div class="ifl" style="border:none;width:100%;">
							<img src="${cxt }/${carmodel.picurl }" width="180" height="105"/>
							<div class="lin" style="float:left;margin-top:20px;">
								<p class="lp1">${carmodel.carname }</p>
								<p class="lp2">乘坐${carmodel.personnum }人</p>
								
							</div>
							<div style="float:left;margin-top:45px;margin-left:50px;">
									<p class="bdr_title">取车时间：2017年${bookTime }</p>
									<p class="bdr_title">数量：${carmodel.num}辆      </p>
							</div>
							<div style="float:right;margin-right:50px;margin-top:60px;">
								${carmodel.rentCash*carmodel.num}元/每天
							</div>
						</div>
					</div>
					</c:forEach>
				</div>
			</div>
			
				
			<form action="mycenter" method="post" id="order">
			<div class="order-conf">
				<div class="order-con">
					
					
					<div class="info-msg">
						<p>
							下单成功后，提醒信息会发送至手机
						</p>
					</div>
					<div class="papers-tip">
						<p>取车时,出示以下证件的原件：本人二代身份证、本人国内有效驾驶证正副本、本人一张信用及可用额度均不低于3000元的国内有效信用卡，所有证件有效期须至少超过当次租期的两个月以上。</p>
					</div>
					<div>
						<h3>费用明细及限程</h3>
						<ul class="h3h feeul">
							<li>
								<span class="fee-txt">企业自选租车,可以在所属门店选择多量车辆</span>
								<span class="fee-res">
									<i>¥</i>
									${sum}元/每天
								</span>
								<span class="fee-pro"></span>
								<div class="clear"></div>
							</li>
							<li style="position:relative;z-index:10;">
								<span class="fee-txt">
									燃油费路桥费
								</span>
								<span class="fee-res">
									自理
								</span>
								<span class="fee-pro"></span>
								<div class="clear"></div>
							</li>
							<li style="position:relative;z-index:10;">
								<span class="fee-txt">
									限定总里程
								</span>
								<span class="fee-res">
									自理
								</span>
								<span class="fee-pro"></span>
								<div class="clear"></div>
							</li>
						</ul>
					</div>
					<div class="gopay">
						<div class="paydetail">
							<span class="ddzj">每天租金</span>
							<span class="ddall">
									<i>¥</i>
									<i class="all">${sum }</i>
							</span>
						</div>
						<a href="${cxt }/content/pay?jspPath=businessview/xw_order/introduction" class="gopay-red">支付全款</a>
						<a href="oneselfOption.order" class="gopay-blue">提交订单</a>
					</div>
				</div>
			</div>
			</form>
			<div class="order-tggz">
				<div class="order-con">
					
			</div>
		</div>
		<div class="order_footer">
			<p>
				<a href="#">关于我们</a>    
					| 
				<a href="#" target="_blank">投资者关系</a>  
					| 			  
				<a href="#" target="_parent">新闻中心</a>    
					| 
				<a href="#" target="_blank">加盟合作</a>    
					| 
				<a href="#" target="_parent">隐私保护</a>    
					| 
				<a href="#" target="_parent">网站导航</a>    
					| 
				<a href="#" target="_parent">联系我们</a>    
					| 
				<a href="#" target="_blank">招贤纳士</a>    
			</p>
			<p>
				<a target="_blank" href="#" class="sz_k"></a>
				<a target="_blank" href="#" class="sz_c"></a>
			</p>
			<p>Copyright©2008-2017 www.zuche.com All Rights Reserved. </p>
			<p>如果您对神州租车网站有任何意见,欢迎发送邮件到 1456073180@qq.com</p>
			<p>北京神州汽车租赁有限公司 京ICP备10005002号   |   京公网安备号 11010502026705</p>
		</div>
	</body>
</html>